<?php
require_once './php_lib/conexion.php';
require_once('./php_lib/funciones.php');

$lista_regiones = obtener_regiones($db_zapatos);			// Obtenemos la lista de regiones
$lista_comunas = obtener_comunas($db_zapatos, $lista_regiones);		// Traemos listado de comunas

?>
<form>
<h2>Listar Sucursales</h2>
<div>
  <p><strong>Filtrar: </strong></p>
  <div class="estandar"><label for="region">Región</label>
    <select id="region" name="region">
      <option value="0" SELECTED>Todas</option>
      <? foreach( $lista_regiones as $reg_key => $reg_val) { 
		 echo sprintf("<option value=\"%d\">%s</option>", $reg_key, $reg_val);
	} ?>
    </select></div>
    <div class="estandar"><label for="loc_id">Localidad</label>
    <select id="loc_id" name="comuna" onchange="listar_sucursales();">
      <option value="0" SELECTED>Todas</option>
    </select>
  </div>
</div>

   <table id="tabla_sucursales" class="db_listado" border="1">
    <tr>
	<th class="flecha_abajo" val="suc_id">Id&nbsp;</th>
	<th val="suc_des">Sucursal&nbsp;</th>
	<th val="reg_des">Región&nbsp;&nbsp;</th>
	<th val="loc_des">Localidad&nbsp;&nbsp;</th>
	<th val="suc_calle">Dirección&nbsp;&nbsp;</th>
      <th>Accion</th>
    </tr>
   </table>

<p><input name="mostrar" type="button" value="Mostrar" onclick="listar_sucursales();" /><input type="text" name="cada" id="cada" mazlenght="3" value="30" width="30"/> filas, 
  empezando por la fila <input type="text" name="fila_inicio" id="fila_inicio" value="0" maxlength="3" width="30"/></p>
  
<p><input type="button" name="anterior" value="&lt;" onClick="BotonAnterior();"/>&nbsp;<input name="siguiente" type="button" value="&gt;" onClick="BotonSiguiente();" /></p>

<input type="hidden" id="orden" name="orden" value="suc_id" />
<input type="hidden" id ="osentido" name="osentido" value="ASC" />

<div id="mostrar_bodegas"> 

</div>
</form>

<script languaje="JavaScript">
<!--
var lista_comunas = new Array();
<?php
// Pasamos la variable $lista_comunas a javascript
foreach( $lista_regiones  as $reg_key => $reg_val) { 
	echo sprintf("lista_comunas[%d] = new Array();", $reg_key);
	foreach( $lista_comunas[$reg_key] as $loc_key => $loc_val) {
		echo sprintf("lista_comunas[%d][%d] = \"%s\";", $reg_key, $loc_key, $loc_val);
	}
}
?>

// Evento para SELECT de regiones
$('#region').change( function() {
	reg_key = document.getElementById('region').value;
	comuna = document.getElementById('loc_id');
	comuna.length = 1;
	if (reg_key != 0) {
		i = 1;
		for( loc_key in lista_comunas[reg_key]){
			comuna.length++;
			comuna.options[i].value = loc_key;
			comuna.options[i].text =  lista_comunas[reg_key][loc_key];
			i++;
		}
		comuna.disabled = false;
	} else {
		comuna.disabled = true;
	}
	listar_sucursales();
});

// Ordena por etiqueta al clickearla
$('.db_listado th').click( function(){
	if($(this).attr('val')) {
		if( $('#orden').val() == $(this).attr('val')){
			if( $('#osentido').val() == "ASC"){
				$('#osentido').val("DESC");
				$(this).removeClass();
				$(this).addClass("flecha_arriba");
			} else {
				$('#osentido').val("ASC");
				$(this).removeClass();
				$(this).addClass("flecha_abajo");
			}
		} else {
			$('#orden').val( $(this).attr('val'));
			$('#osentido').val("ASC");
			$('.db_listado th').removeClass();
			$(this).addClass("flecha_abajo");
		}
		listar_sucursales();
	}
});
 
// Imprime la tabla de clientes
function listar_sucursales() {
	var orden = document.getElementById('orden').value;
	var osentido = document.getElementById('osentido').value;
	var inicio = $('#fila_inicio').val();
	var tam = $('#cada').val();
	var loc_id = $('#loc_id').val();
	var reg_id = $('#region').val();

	$.ajax({
	type: 'POST',
	dataType: "json",
	url: 'ajax_sucursal.php?funcion=4',
	data: { 'orden':orden, 'osentido':osentido, 'inicio':inicio, 'tam':tam,'loc_id':loc_id, 'reg_id':reg_id },
	// Mostramos un mensaje con la respuesta de PHP
	success: function(data) {
		if( data.error == 0) {
			$("#tabla_sucursales").find("tr:gt(0)").remove();
			for(i = 0; i < data.num_rows; i++){
				tr = '<tr>';
				tr = tr + '<td title="' + data.rows[i].suc_id + '"><div class="td1">' 		+ data.rows[i].suc_id + '</div></td>';
				tr = tr + '<td title="' + data.rows[i].suc_des + '"><div class="td1">' 		+ data.rows[i].suc_des + '</div></td>';
				tr = tr + '<td title="' + data.rows[i].reg_des + '"><div class="td1">' 		+ data.rows[i].reg_des + '</div></td>';
				tr = tr + '<td title="' + data.rows[i].loc_des + '"><div class="td1">' 		+ data.rows[i].loc_des + '</div></td>';
				tr = tr + '<td title="' + data.rows[i].suc_calle + '"><div class="td1">' 		+ data.rows[i].suc_calle + '</div></td>';
				tr = tr + '<td>';
					tr = tr + '<a onclick="$(\'#mostrar_bodegas\').load(\'./listar_bodegas.php?suc_id=' + data.rows[i].suc_id + '\');" href="#" class="ico_bod" title="Listar Bodegas"></a>';
					tr = tr + '<a onclick="$(\'#mainDiv\').load(\'./editar_sucursal.php?suc_id=' + data.rows[i].suc_id + '\');" href="#" class="ico_edit" title="Editar"></a>';
					tr = tr + '<a onclick="$(\'#mainDiv\').load(\'./eliminar_sucursal.php?suc_id=' + data.rows[i].suc_id + '\');" href="#" class="ico_del" title="Eliminar"></a>';
					tr = tr + '<a onclick="$(\'#mainDiv\').load(\'./registrar_bodega.php?suc_id=' + data.rows[i].suc_id + '\');" href="#" class="ico_add" title="Añadir bodega"></a>';
				tr = tr + '</td>';
				tr = tr + '</tr>';
				$('#tabla_sucursales').append(tr);
			}
			$('.tooltip').remove();
			$('td[title]').tooltip({
				position: 'bottom center',
//  				offset: [0, 250],
				delay: 0
			});
//			$('#mainDiv').html(data.respuesta);
		} else {
			for( error_key in data.lista_errores){
				alert( data.lista_errores[error_key]);
			}
		}
	},
	error: function(jqXHR, textStatus) {
		alert( "Request failed: " + textStatus );}
	})  
}

function BotonAnterior(){
   $('#fila_inicio').val( parseInt($('#fila_inicio').val()) - parseInt($('#cada').val()));
   if($('#fila_inicio').val() < 0) $('#fila_inicio').val(0);
   listar_sucursales();
}

function BotonSiguiente(){ 
   $('#fila_inicio').val( parseInt($('#fila_inicio').val()) + parseInt($('#cada').val()));
   listar_sucursales(); 
}

listar_sucursales();

-->
</script>